<link rel="stylesheet" type="text/css" href="__PUBLIC__/plugs/webuploader/webuploader.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/material_media/image-upload/style.css">
{extend name="public/base" /}
{block name="style"}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/libs/bootstrap-editable.css">
<link rel="stylesheet" href="__PUBLIC__/admin/material/css/index.css?v=111141&times={:time()}" />
<link rel="stylesheet" href="__PUBLIC__/admin/material_media/css/index.css?v=111141&times={:time()}" />
<link rel="stylesheet" href="__PUBLIC__/admin/material/css/iconfont.css" />
<link rel="stylesheet" href="__PUBLIC__/admin/material/css/tooltipify.css"></link>
<link href="/public/plugs/editor/css/toastr.min.css" rel="stylesheet">
{include file="material/_ali_icon" /}

<style>
    .main-box-body .navs .active {
        background: azure;
        color: #03a9f4;
        border: 1px solid #03a9f4;
        border-radius: 5px;
    }

    a {
        color: #777;
        text-decoration: none;
    }

    a:hover {
        text-decoration: none
    }

    .table tbody>tr>td {
        padding: 0px 8px;
    }

    .table-hover>tbody>tr:nth-child(odd) {
        background-color: #f9f9f9;
    }

    .table-responsive {
        min-height: 470px;
    }
    #sidebar-nav .nav>.open .submenu>li>.submenu a:before,
    #sidebar-nav .nav>.active .submenu>li>.submenu a:before {
        content: "";
    }
	.uploadify-button-text{
		position: relative;
		display: inline-block;
		cursor: pointer;
		background: #fff;
		padding: 0px 5px;
		color: #333;
		text-align: center;
		border-radius: 3px;
		overflow: hidden;
		border: 1px solid #ccc;
	}
	em{
		color: red;
	}
	.table-hover>tbody>tr>td{
		padding:8px 0px;
	}
	.toolTip{
		text-align: left;
	}
	.label{
		font-size:0.1em ;
	}
	</style>
{/block}
{block name="body"}

<div class="main-box clearfix">
	<header class="main-box-header clearfix">
		<div class="pull-right">
			<button type="button" class="btn btn-warning"> <input class="checkbox check-all" type="checkbox" style="display: inline-block;margin-top: -2px;vertical-align: middle;"> 全选 </button>
			
			<button type="button" class="btn btn-primary" id="createUrl">
				<i class="fa fa-plus"></i> 添加视频<span class="caret"></span>
			</button>
			<button class="btn btn-danger ajax-post confirm" url="{:url('del')}" target-form="ids">删 除</button>
		</div>
		<div class="row">
			<form method="get">
				
				{include file="material/_search2" /}
			</form>
		</div>
	</header>
	<div class="main-box-body clearfix">
		<!-- 搜索相关 -->
		{include file="material/_search" /}
		<div id="" class="clear"></div>
		<div class="row toolTip">
			<div class="col-md-4">
				<table class="table table-hover table-bordered">
					<thead>
						<tr>
							<th width="20px"><input class="checkbox check-all" type="checkbox" style="display:inline"></th>
							<th width="35px">序号</th>
							<th width="190px">文件名</th>
							<th width="20px">标签</th>
							<th width="70px">操作</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td><input class="ids row-selected" type="checkbox" name="id[]" value="{$vo['id']}"></td>
							<td class="title">999</td>
							<td class="toolTip" style="font-size: 18px;">
								名字名字名名字名字名字名
							</td>
							<td><span class="label label-success" style="background-color:#a0a4bf">重生</span>&nbsp;<span class="label label-success" style="background-color:#d79191">神医</span>&nbsp;<span class="label label-success" style="background-color:#afad5f">女尊</span>&nbsp;<span class="label label-success" style="background-color:#43aae5">虐文</span>&nbsp;</td>
							<td style="">
								<a href="#" style="margin-right: 5px;"><i class="fa"></i>试听</a>
								<a href="JavaScript:;"><i class="fa fa-download"></i>下载</a>
							</td>
						</tr>
						<tr>
							<td><input class="ids row-selected" type="checkbox" name="id[]" value="{$vo['id']}"></td>
							<td class="title">999</td>
							<td class="toolTip" style="font-size: 18px;">
								名字名字名名字
							</td>
							<td><span class="label label-success" style="background-color:#a0a4bf">重生</span>&nbsp;<span class="label label-success" style="background-color:#d79191">神医</span>&nbsp;<span class="label label-success" style="background-color:#afad5f">女尊</span>&nbsp;<span class="label label-success" style="background-color:#43aae5">虐文</span>&nbsp;</td>
							<td style="">
								<a href="#" style="margin-right: 5px;"><i class="fa"></i>试听</a>
								<a href="JavaScript:;"><i class="fa fa-download"></i>下载</a>
							</td>
						</tr>
						<tr>
							<td><input class="ids row-selected" type="checkbox" name="id[]" value="{$vo['id']}"></td>
							<td class="title">999</td>
							<td class="toolTip" style="font-size: 18px;">
								名字名字名名字
							</td>
							<td><span class="label label-success" style="background-color:#a0a4bf">重生</span>&nbsp;<span class="label label-success" style="background-color:#d79191">神医</span>&nbsp;<span class="label label-success" style="background-color:#afad5f">女尊</span>&nbsp;<span class="label label-success" style="background-color:#43aae5">虐文</span>&nbsp;</td>
							<td style="">
								<a href="#" style="margin-right: 5px;"><i class="fa"></i>试听</a>
								<a href="JavaScript:;"><i class="fa fa-download"></i>下载</a>
							</td>
						</tr>
						<tr>
							<td><input class="ids row-selected" type="checkbox" name="id[]" value="{$vo['id']}"></td>
							<td class="title">999</td>
							<td class="toolTip" style="font-size: 18px;">
								名字名字名名字
							</td>
							<td><span class="label label-success" style="background-color:#a0a4bf">重生</span>&nbsp;<span class="label label-success" style="background-color:#d79191">神医</span>&nbsp;<span class="label label-success" style="background-color:#afad5f">女尊</span>&nbsp;<span class="label label-success" style="background-color:#43aae5">虐文</span>&nbsp;</td>
							<td style="">
								<a href="#" style="margin-right: 5px;"><i class="fa"></i>试听</a>
								<a href="JavaScript:;"><i class="fa fa-download"></i>下载</a>
							</td>
						</tr>
						<tr>
							<td><input class="ids row-selected" type="checkbox" name="id[]" value="{$vo['id']}"></td>
							<td class="title">999</td>
							<td class="toolTip" style="font-size: 18px;">
								名字名字名名字
							</td>
							<td><span class="label label-success" style="background-color:#a0a4bf">重生</span>&nbsp;<span class="label label-success" style="background-color:#d79191">神医</span>&nbsp;<span class="label label-success" style="background-color:#afad5f">女尊</span>&nbsp;<span class="label label-success" style="background-color:#43aae5">虐文</span>&nbsp;</td>
							<td style="">
								<a href="#" style="margin-right: 5px;"><i class="fa"></i>试听</a>
								<a href="JavaScript:;"><i class="fa fa-download"></i>下载</a>
							</td>
						</tr>
						<tr>
							<td><input class="ids row-selected" type="checkbox" name="id[]" value="{$vo['id']}"></td>
							<td class="title">999</td>
							<td class="toolTip" style="font-size: 18px;">
								名字名字名名字
							</td>
							<td><span class="label label-success" style="background-color:#a0a4bf">重生</span>&nbsp;<span class="label label-success" style="background-color:#d79191">神医</span>&nbsp;<span class="label label-success" style="background-color:#afad5f">女尊</span>&nbsp;<span class="label label-success" style="background-color:#43aae5">虐文</span>&nbsp;</td>
							<td style="">
								<a href="#" style="margin-right: 5px;"><i class="fa"></i>试听</a>
								<a href="JavaScript:;"><i class="fa fa-download"></i>下载</a>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			<div class="col-md-4">
				<table class="table table-hover table-bordered">
					<thead>
						<tr>
							<th width="20px"><input class="checkbox check-all" type="checkbox" style="display:inline"></th>
							<th width="35px">序号</th>
							<th width="190px">文件名</th>
							<th width="20px">标签</th>
							<th width="70px">操作</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td><input class="ids row-selected" type="checkbox" name="id[]" value="{$vo['id']}"></td>
							<td class="title">999</td>
							<td class="toolTip" style="font-size: 18px;">
								名字名字名名字
							</td>
							<td><span class="label label-success" style="background-color:#a0a4bf">重生</span>&nbsp;<span class="label label-success" style="background-color:#d79191">神医</span>&nbsp;<span class="label label-success" style="background-color:#afad5f">女尊</span>&nbsp;<span class="label label-success" style="background-color:#43aae5">虐文</span>&nbsp;</td>
							<td style="">
								<a href="#" style="margin-right: 5px;"><i class="fa"></i>试听</a>
								<a href="JavaScript:;"><i class="fa fa-download"></i>下载</a>
							</td>
						</tr>
						<tr>
							<td><input class="ids row-selected" type="checkbox" name="id[]" value="{$vo['id']}"></td>
							<td class="title">999</td>
							<td class="toolTip" style="font-size: 18px;">
								名字名字名名字
							</td>
							<td><span class="label label-success" style="background-color:#a0a4bf">重生</span>&nbsp;<span class="label label-success" style="background-color:#d79191">神医</span>&nbsp;<span class="label label-success" style="background-color:#afad5f">女尊</span>&nbsp;<span class="label label-success" style="background-color:#43aae5">虐文</span>&nbsp;</td>
							<td style="">
								<a href="#" style="margin-right: 5px;"><i class="fa"></i>试听</a>
								<a href="JavaScript:;"><i class="fa fa-download"></i>下载</a>
							</td>
						</tr>
						<tr>
							<td><input class="ids row-selected" type="checkbox" name="id[]" value="{$vo['id']}"></td>
							<td class="title">999</td>
							<td class="toolTip" style="font-size: 18px;">
								名字名字名名字
							</td>
							<td><span class="label label-success" style="background-color:#a0a4bf">重生</span>&nbsp;<span class="label label-success" style="background-color:#d79191">神医</span>&nbsp;<span class="label label-success" style="background-color:#afad5f">女尊</span>&nbsp;<span class="label label-success" style="background-color:#43aae5">虐文</span>&nbsp;</td>
							<td style="">
								<a href="#" style="margin-right: 5px;"><i class="fa"></i>试听</a>
								<a href="JavaScript:;"><i class="fa fa-download"></i>下载</a>
							</td>
						</tr>
						<tr>
							<td><input class="ids row-selected" type="checkbox" name="id[]" value="{$vo['id']}"></td>
							<td class="title">999</td>
							<td class="toolTip" style="font-size: 18px;">
								名字名字名名字
							</td>
							<td><span class="label label-success" style="background-color:#a0a4bf">重生</span>&nbsp;<span class="label label-success" style="background-color:#d79191">神医</span>&nbsp;<span class="label label-success" style="background-color:#afad5f">女尊</span>&nbsp;<span class="label label-success" style="background-color:#43aae5">虐文</span>&nbsp;</td>
							<td style="">
								<a href="#" style="margin-right: 5px;"><i class="fa"></i>试听</a>
								<a href="JavaScript:;"><i class="fa fa-download"></i>下载</a>
							</td>
						</tr>
						<tr>
							<td><input class="ids row-selected" type="checkbox" name="id[]" value="{$vo['id']}"></td>
							<td class="title">999</td>
							<td class="toolTip" style="font-size: 18px;">
								名字名字名名字
							</td>
							<td><span class="label label-success" style="background-color:#a0a4bf">重生</span>&nbsp;<span class="label label-success" style="background-color:#d79191">神医</span>&nbsp;<span class="label label-success" style="background-color:#afad5f">女尊</span>&nbsp;<span class="label label-success" style="background-color:#43aae5">虐文</span>&nbsp;</td>
							<td style="">
								<a href="#" style="margin-right: 5px;"><i class="fa"></i>试听</a>
								<a href="JavaScript:;"><i class="fa fa-download"></i>下载</a>
							</td>
						</tr>
						<tr>
							<td><input class="ids row-selected" type="checkbox" name="id[]" value="{$vo['id']}"></td>
							<td class="title">999</td>
							<td class="toolTip" style="font-size: 18px;">
								名字名字名名字
							</td>
							<td><span class="label label-success" style="background-color:#a0a4bf">重生</span>&nbsp;<span class="label label-success" style="background-color:#d79191">神医</span>&nbsp;<span class="label label-success" style="background-color:#afad5f">女尊</span>&nbsp;<span class="label label-success" style="background-color:#43aae5">虐文</span>&nbsp;</td>
							<td style="">
								<a href="#" style="margin-right: 5px;"><i class="fa"></i>试听</a>
								<a href="JavaScript:;"><i class="fa fa-download"></i>下载</a>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			<div class="col-md-4">
				<table class="table table-hover table-bordered">
					<thead>
						<tr>
							<th width="20px"><input class="checkbox check-all" type="checkbox" style="display:inline"></th>
							<th width="35px">序号</th>
							<th width="190px">文件名</th>
							<th width="20px">标签</th>
							<th width="70px">操作</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td><input class="ids row-selected" type="checkbox" name="id[]" value="{$vo['id']}"></td>
							<td class="title">999</td>
							<td class="toolTip" style="font-size: 18px;">
								名字名字名名字
							</td>
							<td><span class="label label-success" style="background-color:#a0a4bf">重生</span>&nbsp;<span class="label label-success" style="background-color:#d79191">神医</span>&nbsp;<span class="label label-success" style="background-color:#afad5f">女尊</span>&nbsp;<span class="label label-success" style="background-color:#43aae5">虐文</span>&nbsp;</td>
							<td style="">
								<a href="#" style="margin-right: 5px;"><i class="fa"></i>试听</a>
								<a href="JavaScript:;"><i class="fa fa-download"></i>下载</a>
							</td>
						</tr>
						<tr>
							<td><input class="ids row-selected" type="checkbox" name="id[]" value="{$vo['id']}"></td>
							<td class="title">999</td>
							<td class="toolTip" style="font-size: 18px;">
								名字名字名名字
							</td>
							<td><span class="label label-success" style="background-color:#a0a4bf">重生</span>&nbsp;<span class="label label-success" style="background-color:#d79191">神医</span>&nbsp;<span class="label label-success" style="background-color:#afad5f">女尊</span>&nbsp;<span class="label label-success" style="background-color:#43aae5">虐文</span>&nbsp;</td>
							<td style="">
								<a href="#" style="margin-right: 5px;"><i class="fa"></i>试听</a>
								<a href="JavaScript:;"><i class="fa fa-download"></i>下载</a>
							</td>
						</tr>
						<tr>
							<td><input class="ids row-selected" type="checkbox" name="id[]" value="{$vo['id']}"></td>
							<td class="title">999</td>
							<td class="toolTip" style="font-size: 18px;">
								名字名字名名字
							</td>
							<td><span class="label label-success" style="background-color:#a0a4bf">重生</span>&nbsp;<span class="label label-success" style="background-color:#d79191">神医</span>&nbsp;<span class="label label-success" style="background-color:#afad5f">女尊</span>&nbsp;<span class="label label-success" style="background-color:#43aae5">虐文</span>&nbsp;</td>
							<td style="">
								<a href="#" style="margin-right: 5px;"><i class="fa"></i>试听</a>
								<a href="JavaScript:;"><i class="fa fa-download"></i>下载</a>
							</td>
						</tr>
						<tr>
							<td><input class="ids row-selected" type="checkbox" name="id[]" value="{$vo['id']}"></td>
							<td class="title">999</td>
							<td class="toolTip" style="font-size: 18px;">
								名字名字名名字
							</td>
							<td><span class="label label-success" style="background-color:#a0a4bf">重生</span>&nbsp;<span class="label label-success" style="background-color:#d79191">神医</span>&nbsp;<span class="label label-success" style="background-color:#afad5f">女尊</span>&nbsp;<span class="label label-success" style="background-color:#43aae5">虐文</span>&nbsp;</td>
							<td style="">
								<a href="#" style="margin-right: 5px;"><i class="fa"></i>试听</a>
								<a href="JavaScript:;"><i class="fa fa-download"></i>下载</a>
							</td>
						</tr>
						<tr>
							<td><input class="ids row-selected" type="checkbox" name="id[]" value="{$vo['id']}"></td>
							<td class="title">999</td>
							<td class="toolTip" style="font-size: 18px;">
								名字名字名名字
							</td>
							<td><span class="label label-success" style="background-color:#a0a4bf">重生</span>&nbsp;<span class="label label-success" style="background-color:#d79191">神医</span>&nbsp;<span class="label label-success" style="background-color:#afad5f">女尊</span>&nbsp;<span class="label label-success" style="background-color:#43aae5">虐文</span>&nbsp;</td>
							<td style="">
								<a href="#" style="margin-right: 5px;"><i class="fa"></i>试听</a>
								<a href="JavaScript:;"><i class="fa fa-download"></i>下载</a>
							</td>
						</tr>
						<tr>
							<td><input class="ids row-selected" type="checkbox" name="id[]" value="{$vo['id']}"></td>
							<td class="title">999</td>
							<td class="toolTip" style="font-size: 18px;">
								名字名字名名字
							</td>
							<td><span class="label label-success" style="background-color:#a0a4bf">重生</span>&nbsp;<span class="label label-success" style="background-color:#d79191">神医</span>&nbsp;<span class="label label-success" style="background-color:#afad5f">女尊</span>&nbsp;<span class="label label-success" style="background-color:#43aae5">虐文</span>&nbsp;</td>
							<td style="">
								<a href="#" style="margin-right: 5px;"><i class="fa"></i>试听</a>
								<a href="JavaScript:;"><i class="fa fa-download"></i>下载</a>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>	
            
			{$page}
	</div>
</div>

<div class="modal fade" id="create-referral-link-modal">
	<div class="modal-dialog" role="document">
	   <div class="modal-content">
		   <div class="modal-header">
			   <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
			   <span style="font-size: 20px;"><span id="referralname">添加</span></span>
		   </div>
		   <div class="modal-body">
			   <div data-bind="visible: loading" class="loading-panel" style="display: none;">
				   <i class="fa fa-spin fa-spinner"></i>
			   </div>
			   <form class="form-horizontal modelform">
				   {include file="material_media/_from" /}
                    <!--头部，相册选择和格式选择-->
        
					<div class="form-group">
						<label class="control-label col-sm-2">{$menu_name|default="文案"}</label>
						<div class="col-lg-8">
							<textarea class="form-control" name="content" id="content" placeholder=""></textarea>
						</div>
					</div>
			   </form>
		   </div>
		   <div class="modal-footer">
			   <button type="button" id="createreferral" class="btn btn-primary ">提交</button>
		   </div>
	   </div>
   </div>
</div>

{include file="adsmaterialbook/_from" /}
{/block}
{block name="script"}
<script src="__PUBLIC__/admin/material/js/jquery-tooltipify.min.js"></script>
<script src="/public/plugs/editor/toastr.min.js"></script>
<script type="text/javascript">
	// $(".toolTip [title]").tooltipify();
	function copyContent(elem, id){
		let text = $(elem).parent().parent().parent().siblings().children('.content').html().trim().replace(/<br>/g, `
`);
		var oInput = document.createElement('textarea');//创建一个input标签
		oInput.value = text;//设置value属性
		document.body.appendChild(oInput);//挂载到body下面
		oInput.select(); // 选择对象
		document.execCommand("Copy"); // 执行浏览器复制命令
		oInput.className = 'oInput';
		oInput.style.display='none';
		
		var url = "{:url('copy')}";
		$.ajax({
			type: "POST",
			url: url,
			data:{id:id},
			dataType: "json",
			success: function(data){
				if(data.code==1){
					toastr.success('复制成功');
					setTimeout(function() {	
						window.location.reload();
					}, 1500);
				}else{
					updateAlert("失败，"+data.msg, 'danger');
				}
			},
			error : function(e){
				console.log(e.status);
				console.log(e.responseText);
			}
		})

	}
	function follow(ee, id){
		var url = "{:url('addFollow')}";
		$.ajax({
			type: "POST",
			url: url,
			data:{id:id},
			dataType: "json",
			success: function(data){
				if(data.code==1){
					toastr.success(data.msg);
					setTimeout(function() {	
						window.location.href = "{:url('my_1_1')}?platform_ids=3";
					}, 1000);
				}else{
					updateAlert("失败，"+data.msg, 'danger');
				}
			},
			error : function(e){
				console.log(e.status);
				console.log(e.responseText);
			}
		})
	}
</script>
<script type="text/javascript" src="__PUBLIC__/js/bootstrap-editable.min.js"></script>
<script src="__PUBLIC__/plugs/moment/moment.min.js"></script>
<script src="__PUBLIC__/plugs/moment/zh-cn.js"></script>
<script type="text/javascript" src="__PUBLIC__/plugs/layer/layer.js"></script>
<script type="text/javascript" src="__PUBLIC__/plugs/webuploader/webuploader.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/plugs/webuploader/webuploader.custom.js"></script>
<!-- 引入在线资源 -->
<script src="https://gosspublic.alicdn.com/aliyun-oss-sdk-6.17.0.min.js"></script>                           
<script type="text/javascript" src="__PUBLIC__/admin/material_media/image-upload/upload2.js"></script>

<script type="text/javascript">

$(function() {
	$('.openDilog').click(function(){
		var ee = this;
		layer.open({
			type: 2,
			title: false,
			area: ['70%', '60%'],
			content: $(this).attr('url')+"&_menu=hide&page=1",
			cancel: function(){
			}
		});
	});
	$('#createUrl').on('click',function(){
		var $modal = $('#create-referral-link-modal');
		$modal.on('shown.bs.modal', function () {
			uploader();
		});	
		$modal.modal({backdrop: 'static', keyboard: false});
	});
	$("#createreferral").on('click',function(){
		var data = $('.modelform').serializeJson();
		console.log(data);
		if (data['content'].length==0 && $("#field_ebook").val() == '') {
			updateAlert("不能为空", 'danger');
			return false;
		}
		var url = "{:url('add')}";
		$.ajax({
			type: "POST",
			url: url,
			data:data,
			dataType: "json",
			success: function(data){
				if(data.code==1){
					updateAlert(data.msg, 'success');
					setTimeout(function() {	
						window.location.reload();
					}, 100);
				}else{
					updateAlert("添加，"+data.msg, 'danger');
				}
			},
			error : function(e){
				console.log(e.status);
				console.log(e.responseText);
			}
		})
	});
});
function editreferral(ee){
	$("#batchtxt").remove();
	var jsonStr = $(ee).attr('data-json');
	var $modal = $('#create-referral-link-modal');
	$modal.on('shown.bs.modal', function () {
		$("#referralname").html("修改");
		$("#createreferral").html("修改");
		var json =  eval("(" + jsonStr + ")");
		$('#createspreadid').val(json.id);
		$('#content').val(json.content);

		$("input:radio[name=channel][value="+json.channel+"]").attr("checked",true);
		$("input:radio[name=category_id][value="+json.category_id+"]").attr("checked",true);
		$("input:radio[name=type][value="+json.type+"]").attr("checked",true);

		$("input:radio[name=book_id][value="+json.book_id+"]").attr("checked",true);
		$("input:radio[name=hot][value="+json.hot+"]").attr("checked",true);

		multipleInput(json.platform_ids.split(','),$("input:checkbox[name=platform_ids]"))
		multipleInput(json.tag_ids.split(','),$("input:checkbox[name=tag_ids]"))
		function multipleInput(arr,e){
			if(arr.length!==0){
				arr.forEach((v,index)=>{
					$(e).each((item,elem)=>{
						if(v === $(elem).val()){
							$(elem).attr("checked",true);
						}
					})
				})
			}
		}
	});
	$modal.on('hide.bs.modal', function () {
		window.location.reload();
	})
	$modal.modal({backdrop: 'static', keyboard: false})
}
$(function(){
	var BN_height;
	if(GetQueryString('book_id')){
		$('.spread span').show()
		$('.bookName').animate({ height: $('.bookName').height()+2+"px" })
		$('.spread span').text('收回')
	}
	if ($('.bookName').height() > 60) {
		BN_height = $('.bookName').height()
		$('.bookName').height('20') 
		$('.spread span').show()
	}
	$('.spread span').click(function () {
		let status = $('.spread span').text().trim()
		if (status == '展开') {
				$('.bookName').animate({ height: BN_height+2+"px" })
				$('.spread span').text('收回')
		} else {
				$('.bookName').animate({ height: "22px" })
				$('.spread span').text('展开')
		}
	})
})
$('.panel-body .show').click(function(){
	$(this).parent().parent().siblings().show()
})
$('.mask i').click(function(){
	$(this).parent().hide()
})

</script>
{include file="material/pub_footer"}
{/block}